<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <title>尚品汇</title>
</head>
<body>
  <div class="topbar">
    <div class="container clear-fix">
      <div class="welcome float-left">
        <span>尚品汇欢迎您</span>
        <span>请</span>
        <a href="">登录</a>
        <a href="">免费注册</a>
      </div>
      <div class="nav float-right">
        <ul class="clear-fix">
          <li><a href="">我的订单</a></li>
          <li><a href="">我的购物车</a></li>
          <li><a href="">我的尚品汇</a></li>
          <li><a href="">尚品汇会员</a></li>
          <li><a href="">企业采购</a></li>
          <li><a href="">关注尚品汇</a></li>
          <li><a href="">合作招商</a></li>
          <li><a href="">上架后台</a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="search">
    <div class="container-search clear-fix">
      <div class="logo float-left">
        <img src="./assets/logo.png" alt="">
      </div>
      <div class="search-content float-right">
        <form action="">
          <input type="text" name="" id="" >
          <button class="search-button"></button>
        </form>
      </div>
    </div>
  </div>

  <div class="cate">
    <div class="topcate clear-fix">
      <div class="all-goods float-left"><a href="">全部商品分类</a></div>
      <ul class="topcate-cate float-left">
        <li><a href="">品类超市</a></li>
        <li><a href="">优惠券</a></li>
        <li><a href="">买啥</a></li>
        <li><a href="">尚品家电</a></li>
        <li><a href="">尚品生鲜</a></li>
        <li><a href="">PLUS会员</a></li>
        <li><a href="">进口好物</a></li>
        <li><a href="">品牌闪购</a></li>
        <li><a href="">拍卖</a></li>
        <li><a href="">五金商店</a></li>
      </ul>
    </div>
  </div>

  <div class="cate-banner-fast">
    <div class="container clear-fix">
      <div class="left-nav float-left">
        <ul>
          <li>
            <a href="">手机</a><span>/</span><a href="">运营商</a><span>/</span><a href="">数码</a>
            <div class="detail-subnav"></div>
          </li>
          <li><a href="">电脑</a><span>/</span><a href="">办公</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
          <li><a href="">家具</a><span>/</span><a href="">家居</a><span>/</span><a href="">家装</a><span>/</span><a href="">厨具</a></li>
        </ul>

      </div>
      <div class="banner">
        <img src="./assets/banner主图.png" alt="">
      </div>
      <div class="fast-message float-right">
        <div class="message-list">
          <div class="message-header">
            <span>尚品快报</span>
            <span><a href="">更多></a></span>
          </div>
          <ul>
            <li>[特惠]xxxx</li>
            <li>[特惠]xxxx</li>
            <li>[特惠]xxxx</li>
            <li>[特惠]xxxxx</li>
          </ul>
        </div>
        <div class="fast-server">
          <ul>
            <li>
              <div></div>
              <span>话费</span>
            </li>
            <li>
              <div></div>
              <span>火车票</span>
            </li>
            <li>
              <div></div>
              <span>加油卡</span>
            </li>
            <li>
              <div></div>
              <span>白条</span>
            </li>
          </ul>

          <ul>
            <li>
              <div></div>
              <span>电影票</span>
            </li>
            <li>
              <div></div>
              <span>酒店</span>
            </li>
            <li>
              <div></div>
              <span>理财</span>
            </li>
            <li>
              <div></div>
              <span>机票</span>
            </li>
          </ul>

          <ul>
            <li>
              <div></div>
              <span>礼品卡</span>
            </li>
            <li>
              <div></div>
              <span>彩票</span>
            </li>
            <li>
              <div></div>
              <span>游戏</span>
            </li>
            <li>
              <div></div>
              <span>众筹</span>
            </li>
          </ul>
        </div>
      </div>
    </div>

  </div>

  <!-- 秒杀 -->
  <div class="second-kill">
    <div class="container">
      <ul class="clear-fix">
        <li><a href=""><img src="assets/seckill.png" alt=""></a></li>
        <li><a href=""><img src="assets/banner1.png" alt=""></a></li>
        <li><a href=""><img src="assets/banner2.png" alt=""></a></li>
        <li><a href=""><img src="assets/banner3.png" alt=""></a></li>
        <li><a href=""><img src="assets/baner4.png" alt=""></a></li>
      </ul>
    </div>
  </div>

  <!-- 大主图1 -->
  <div class="big-banner">
    <div class="container">
      <div class="cate-nav clear-fix">
        <div class="float-left"><a href="">家用电器</a></div>
        <ul class="float-right">
          <li><a href="">热门</a></li>
          <li><a href="">大家电</a></li>
          <li><a href="">生活电器</a></li>
          <li><a href="">厨房电器</a></li>
          <li><a href="">应季电器</a></li>
          <li><a href="">空气/净水</a></li>
          <li><a href="">高端电器</a></li>
        </ul>
      </div>
      <div class="nav-img clear-fix">
        <div>
          <div class="hot-list">
            <ul class="clear-fix">
              <li>节能补贴</li>
              <li>4K电视</li>
            </ul>
  
            <ul class="clear-fix">
              <li>空气净化器</li>
              <li>IH电饭煲</li>
            </ul>
  
            <ul class="clear-fix">
              <li>滚筒洗衣机</li>
              <li>电热水器</li>
            </ul>
          </div>
          <div class="hot-img">
            <img src="assets/编组.png" alt="">
          </div>
        </div>
        <div>
          <img src="assets/appliance_banner07.png" alt="">
        </div>
        <div>
          <div><img src="assets/电饭煲.png" alt=""></div>
          <div><img src="assets/电饭煲2.png" alt=""></div>
        </div>
        <div>
          <img src="assets/冰箱.png" alt="">
        </div>
        <div>
          <div><img src="assets/电饭煲.png" alt=""></div>
          <div><img src="assets/电饭煲2.png" alt=""></div>
        </div>
      </div>
    </div>
  </div>

  <!-- 大主图2 -->
  <div class="big-banner">
    <div class="container">
      <div class="cate-nav clear-fix">
        <div class="float-left"><a href="">家用电器</a></div>
        <ul class="float-right">
          <li><a href="">热门</a></li>
          <li><a href="">大家电</a></li>
          <li><a href="">生活电器</a></li>
          <li><a href="">厨房电器</a></li>
          <li><a href="">应季电器</a></li>
          <li><a href="">空气/净水</a></li>
          <li><a href="">高端电器</a></li>
        </ul>
      </div>
      <div class="nav-img clear-fix">
        <div>
          <div class="hot-list">
            <ul class="clear-fix">
              <li>节能补贴</li>
              <li>4K电视</li>
            </ul>
  
            <ul class="clear-fix">
              <li>空气净化器</li>
              <li>IH电饭煲</li>
            </ul>
  
            <ul class="clear-fix">
              <li>滚筒洗衣机</li>
              <li>电热水器</li>
            </ul>
          </div>
          <div class="hot-img">
            <img src="assets/编组.png" alt="">
          </div>
        </div>
        <div>
          <img src="assets/appliance_banner07.png" alt="">
        </div>
        <div>
          <div><img src="assets/电饭煲.png" alt=""></div>
          <div><img src="assets/电饭煲2.png" alt=""></div>
        </div>
        <div>
          <img src="assets/冰箱.png" alt="">
        </div>
        <div>
          <div><img src="assets/电饭煲.png" alt=""></div>
          <div><img src="assets/电饭煲2.png" alt=""></div>
        </div>
      </div>
    </div>
  </div>

  <!-- Footer -->
  <div class="footer">
    <div class="container">
      <div class="footer-list clear-fix">
        <ul>
          <li><a href="">购物指南</a></li>
          <li><a href="">购物流程</a></li>
          <li><a href="">会员介绍</a></li>
          <li><a href="">生活旅行</a></li>
          <li><a href="">常见问题</a></li>
          <li><a href="">大家电</a></li>
          <li><a href="">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="">配送方式</a></li>
          <li><a href="">上门自提</a></li>
          <li><a href="">24小时限时达</a></li>
          <li><a href="">配送服务查询</a></li>
          <li><a href="">配送费收取标准</a></li>
        </ul>
        <ul>
          <li><a href="">支付方式</a></li>
          <li><a href="">货到付款</a></li>
          <li><a href="">在线支付</a></li>
          <li><a href="">分期付款</a></li>
          <li><a href="">公司转账</a></li>
        </ul>
        <ul>
          <li><a href="">售后服务</a></li>
          <li><a href="">售后政策</a></li>
          <li><a href="">价格保护</a></li>
          <li><a href="">退款说明</a></li>
          <li><a href="">返修/退换货</a></li>
          <li><a href="">取消订单</a></li>
        </ul>
        <ul>
          <li><a href="">特色服务</a></li>
          <li><a href="">夺宝岛</a></li>
          <li><a href="">DIY装机</a></li>
          <li><a href="">延保服务</a></li>
          <li><a href="">京东E卡</a></li>
          <li><a href="">京鱼座智能</a></li>
        </ul>
        <ul>
          <li>自营覆盖区县</li>
          <li>京尚品汇已向全国2661个区县提供自 营配送服务，支持货到付款、POS 机刷卡和售后上门服务。</li>
          <li><a href="">查看详情</a></li>
        </ul>
      </div>
      <div class="footer-other">
        <ul class="clear-fix">
          <li><a href="">关于我们</a></li>
          <li><a href="">联系我们</a></li>
          <li><a href="">联系客服</a></li>
          <li><a href="">合作招商</a></li>
          <li><a href="">商家帮助</a></li>
          <li><a href="">营销中心</a></li>
          <li><a href="">手机京东</a></li>
          <li><a href="">友情链接</a></li>
          <li><a href="">销售联盟</a></li>
          <li><a href="">隐私政策</a></li>
        </ul>
      </div>
      <div class="footer-site">京ICP备12345678901</div>
    </div>
  </div>
</body>
</html>